
.post-content p {
    letter-spacing: 0.5440000295639038px;
    font-weight: 400;
    font-size: 15px;
}

.post-content .tip {
    position: relative;
    margin: 2em 0;
    padding: 12px 24px 12px 30px;
    border-left: 4px solid #f66;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    background-color: #f8f8f8
}

.post-content .tip:before {
    position: absolute;
    top: 14px;
    left: -12px;
    content: "!";
    width: 20px;
    height: 20px;
    border-radius: 100%;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    text-align: center;
    background-color: #f66;
    font-family: Dosis, 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif
}

.content>.post>.post-content>p {
    word-wrap: break-word;
    word-break: break-all
}

html {
    height: 100%;
    max-height: 100%;
    padding: 0;
    margin: 0
}

body {
    padding: 0;
    margin: 0;
    line-height: 1.7em;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-rendering: optimizeLegibility;
    line-height: 1;
    margin: 2rem 0;
    color: #232323;
}

h1 {
    font-size: 1.3rem;
    line-height: 1.2em;
    text-align: center;
}

h2 {
    font-size: 1.2rem;
    line-height: 1.2em;
    padding-bottom: .7em ;
    border-bottom: 1px solid #dbdbdb
}

h1::before,
h1::after,
h2::before, 
.post-content h3::before, 
h4::before, 
h5::before, 
h6::before{
    color: #4786d6;
    font-size: 15px;
    margin-right: 10px;
}

h1::before{
    content: "——";
} 

h1::after{
    content: "——";
    margin-left: 10px;
}

h2::before {
    content: "-";
    background-color: #4786d6;
} 

.post-content h3::before{
    content: "#";
} 

h4::before{
    content: "##";
}



@media screen and (max-width:960px) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin: 1em 0;
    }

    h1, h2, h3, h4{
        font-size: 15px;
    }

    .post-content p {
        font-size: 13px;
    }
}

img {
    max-width: 100%;
    height: auto
}

dl,
ol,
p,
ul {
    margin: 1.3em 0
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin: .4em 0
}

.content blockquote p,
.content li p,
.post blockquote p,
.post li p,
blockquote p,
li p,
ol p,
ul p {
    margin: 0;
    overflow: visible;
}

@media screen and (min-width:960px) {
    .content blockquote p {
        padding-right: 1em;
    }
}


dl dt {
    float: left;
    width: 180px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
    margin-bottom: 1em
}

dl dd {
    margin-left: 200px;
    margin-bottom: 1em
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #efefef;
    margin: 3.2em 0;
    padding: 0
}
    
blockquote {
    box-sizing: border-box;
    color:#232b32;
    margin: 1.6em 0 1.6em;
    padding: .6em 0 .6em 1.6em;
    border-left: #6ba4e7 .1875rem solid;
    background-color: #f9f9f9;
}



blockquote small {
    display: inline-block;
    margin: .8em 0 .8em 1.5em;
    font-size: .9em;
    color: #ccc
}

blockquote small:before {
    content: '\2014 \00A0'
}

blockquote cite {
    font-weight: 700
}

blockquote cite a {
    font-weight: 400
}

mark {
    background-color: #ffc336
}

tt {
    white-space: pre-wrap;
    color: #d14;
    border-radius: 2px
}

p code,
li code {
    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
    font-size: .9em;
    color: #333;
    padding: .3em;
    border-radius: 5px;
    background: #f3f4f4;
}